<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Dashboard - Admin Panel</title>

    <meta name="description" content="overview &amp; stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link href="<?php echo base_url(); ?>public/admin/css/style.css" rel="stylesheet" type="text/css"/>

    <!--basic styles-->
    <link href="<?php echo base_url(); ?>public/admin/assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="<?php echo base_url(); ?>public/admin/assets/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/admin/assets/css/font-awesome.min.css"/>

    <!--[if IE 7]>
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/admin/assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->

    <!--ace styles-->

    <link rel="stylesheet" href="<?php echo base_url(); ?>public/admin/assets/css/ace.min.css"/>
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/admin/assets/css/ace-responsive.min.css"/>
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/admin/assets/css/ace-skins.min.css"/>

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/admin/assets/css/ace-ie.min.css"/>
    <![endif]-->

    <!--inline styles related to this page-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

<body>
<div class="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a href="<?php echo base_url(); ?>admin" class="brand">
                <small>
                    <i class="icon-desktop"></i>
                    Admin Panel
                </small>
            </a><!--/.brand-->

            <ul class="nav ace-nav pull-right">
                <li class="purple">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-bell-alt icon-animated-bell"></i>
                        <span class="badge badge-important">8</span>
                    </a>

                    <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-closer">
                        <li class="nav-header">
                            <i class="icon-warning-sign"></i>
                            8 Notifications
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
                                <span class="pull-left">
                                    <i class="btn btn-mini no-hover btn-pink icon-comment"></i>
                                    New Comments
                                </span>
                                    <span class="pull-right badge badge-info">+12</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="btn btn-mini btn-primary icon-user"></i>
                                Bob just signed up as an editor ...
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
                                <span class="pull-left">
                                    <i class="btn btn-mini no-hover btn-success icon-shopping-cart"></i>
                                    New Orders
                                </span>
                                    <span class="pull-right badge badge-success">+8</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <div class="clearfix">
                                <span class="pull-left">
                                    <i class="btn btn-mini no-hover btn-info icon-twitter"></i>
                                    Followers
                                </span>
                                    <span class="pull-right badge badge-info">+11</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                See all notifications
                                <i class="icon-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="green">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-envelope icon-animated-vertical"></i>
                        <span class="badge badge-success">5</span>
                    </a>

                    <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
                        <li class="nav-header">
                            <i class="icon-envelope-alt"></i>
                            5 Messages
                        </li>

                        <li>
                            <a href="#">
                                <img src="<?php echo base_url(); ?>public/admin/assets/avatars/avatar.png" class="msg-photo"
                                     alt="Alex's Avatar"/>
                            <span class="msg-body">
                                <span class="msg-title">
                                    <span class="blue">Alex:</span>
                                    Ciao sociis natoque penatibus et auctor ...
                                </span>

                                <span class="msg-time">
                                    <i class="icon-time"></i>
                                    <span>a moment ago</span>
                                </span>
                            </span>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <img src="<?php echo base_url(); ?>public/admin/assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar"/>
                            <span class="msg-body">
                                <span class="msg-title">
                                    <span class="blue">Susan:</span>
                                    Vestibulum id ligula porta felis euismod ...
                                </span>

                                <span class="msg-time">
                                    <i class="icon-time"></i>
                                    <span>20 minutes ago</span>
                                </span>
                            </span>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <img src="<?php echo base_url(); ?>public/admin/assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar"/>
                            <span class="msg-body">
                                <span class="msg-title">
                                    <span class="blue">Bob:</span>
                                    Nullam quis risus eget urna mollis ornare ...
                                </span>

                                <span class="msg-time">
                                    <i class="icon-time"></i>
                                    <span>3:15 pm</span>
                                </span>
                            </span>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                See all messages
                                <i class="icon-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="<?php echo base_url(); ?>public/admin/assets/avatars/user.png" alt="Jason's Photo"/>
                    <span class="user-info">
                        <small>Welcome,</small>
                        Đỗ Tuấn
                    </span>

                        <i class="icon-caret-down"></i>
                    </a>

                    <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                        <li>
                            <a href="<?php echo base_url(); ?>admin/config_website"> <i class="icon-cog"></i>Settings</a>
                        </li>

                        <li>
                            <a href="<?php echo base_url(); ?>admin/profile"><i class="icon-user"></i>Profile</a>
                        </li>
                        <li>
                            <a href="<?php echo base_url(); ?>admin/logout"><i class="icon-off"></i>Logout</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!--/.ace-nav-->
        </div>
        <!--/.container-fluid-->
    </div>
    <!--/.navbar-inner-->
</div>

<div class="main-container container-fluid">
<a class="menu-toggler" id="menu-toggler" href="#">
    <span class="menu-text"></span>
</a>

<!-- Bắt đầu sidebar-->
<div class="sidebar" id="sidebar">
    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
            <button class="btn btn-small btn-success">
                <i class="icon-signal"></i>
            </button>

            <button class="btn btn-small btn-info">
                <i class="icon-pencil"></i>
            </button>

            <button class="btn btn-small btn-warning">
                <i class="icon-group"></i>
            </button>

            <button class="btn btn-small btn-danger">
                <i class="icon-cogs"></i>
            </button>
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success"></span>

            <span class="btn btn-info"></span>

            <span class="btn btn-warning"></span>

            <span class="btn btn-danger"></span>
        </div>
    </div>
    <!--#sidebar-shortcuts-->

    <ul class="nav nav-list">
        <li class="active">
            <a href="<?php echo base_url(); ?>admin">
                <i class="icon-dashboard"></i>
                <span class="menu-text"> Dashboard </span>
            </a>
        </li>

        <li>
            <a href="#" class="dropdown-toggle">
                <i class="icon-user"></i>
                <span class="menu-text"> Thành viên </span>

                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="<?php echo base_url(); ?>admin/users">
                        <i class="icon-double-angle-right"></i>
                        Danh sách
                    </a>
                </li>

                <li>
                    <a href="<?php echo base_url(); ?>admin/create">
                        <i class="icon-double-angle-right"></i>
                        Tạo thành viên mới
                    </a>
                </li>

                <li>
                    <a href="<?php echo base_url(); ?>admin/profile">
                        <i class="icon-double-angle-right"></i>
                        Quản lý hồ sơ
                    </a>
                </li>
                <li>
                    <a href="<?php echo base_url(); ?>admin/banner">
                        <i class="icon-double-angle-right"></i>
                        Cấm thành viên
                    </a>
                </li>
                <li>
                    <a href="<?php echo base_url(); ?>admin/banning">
                        <i class="icon-double-angle-right"></i>
                        Danh sách cấm
                    </a>
                </li>
                <li>
                    <a href="<?php echo base_url(); ?>admin/group">
                        <i class="icon-double-angle-right"></i>
                        Quản lý nhóm
                    </a>
                </li>
                <li>
                    <a href="<?php echo base_url(); ?>admin/new_group">
                        <i class="icon-double-angle-right"></i>
                        Tạo nhóm mới
                    </a>
                </li>
            </ul>
        </li>

        <li>
            <a href="#" class="dropdown-toggle">
                <i class="icon-edit"></i>
                <span class="menu-text"> Bài viết & Bình luận </span>

                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="<?php echo base_url(); ?>admin/threads">
                        <i class="icon-double-angle-right"></i>
                        Quản lý bài viết
                    </a>
                </li>

                <li>
                    <a href="<?php echo base_url(); ?>admin/comment">
                        <i class="icon-double-angle-right"></i>
                        Quản lý bình luận
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class="dropdown-toggle">
                <i class="icon-bullhorn"></i>
                <span class="menu-text"> Quảng cáo </span>

                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="<?php echo base_url(); ?>admin/advert">
                        <i class="icon-double-angle-right"></i>
                        Quản lý
                    </a>
                </li>

                <li>
                    <a href="<?php echo base_url(); ?>admin/adv_new">
                        <i class="icon-double-angle-right"></i>
                        Tạo mới
                    </a>
                </li>

            </ul>
        </li>

        <li>
            <a href="#" class="dropdown-toggle">
                <i class="icon-list"></i>
                <span class="menu-text"> Danh mục </span>

                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="<?php echo base_url(); ?>admin/category">
                        <i class="icon-double-angle-right"></i>
                        Quản lý
                    </a>
                </li>

            </ul>
        </li>

        <li>
            <a href="">
                <i class="icon-calendar"></i>

                <span class="menu-text">
                    Sự kiện
                    <span class="badge badge-transparent tooltip-error"
                          title="2&nbsp;Important&nbsp;Events">
                        <i class="icon-warning-sign red bigger-130"></i>
                    </span>
                </span>
            </a>
        </li>

        <li>
            <a href="#" class="dropdown-toggle">
                <i class="icon-picture"></i>
                <span class="menu-text"> File Đính kèm </span>

                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="<?php echo base_url(); ?>admin/attachment">
                        <i class="icon-double-angle-right"></i>
                        Hình ảnh
                    </a>
                </li>
                <li>
                    <a href="<?php echo base_url(); ?>admin/advert">
                        <i class="icon-double-angle-right"></i>
                        Quản lý
                    </a>
                </li>
            </ul>
        </li>

        <li>
            <a href="#" class="dropdown-toggle">
                <i class="icon-cog"></i>
                <span class="menu-text"> Cấu hình </span>

                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="<?php echo base_url(); ?>admin/config_website">
                        <i class="icon-double-angle-right"></i>
                        Website
                    </a>
                </li>
                <li>
                    <a href="<?php echo base_url(); ?>admin/config_post">
                        <i class="icon-double-angle-right"></i>
                        Bài viết
                    </a>
                </li>
            </ul>
        </li>


    </ul>
    <!--/.nav-list-->

    <div class="sidebar-collapse" id="sidebar-collapse">
        <i class="icon-double-angle-left"></i>
    </div>
</div>
<!-- Kết thúc sidebar-->

<div class="main-content">
    <!-- Thanh tiêu đề -->
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a href="#">Home</a>

                    <span class="divider">
                        <i class="icon-angle-right arrow-icon"></i>
                    </span>
            </li>
            <li class="active">Dashboard</li>
        </ul>
        <!--.breadcrumb-->
    </div>
